<template>
	<div class="body Collapse" :style="{ background: data.web.background, color: data.web.color }">
		<div class="row" :style="{ background: data.web.Contentbackground }">
			<!-- 内容使用编辑器 -->
			<el-collapse accordion>
				<el-collapse-item v-for="(item, index) in data.web.content" :key="index" :title="index + ',' + item[$i18n.locale]['title']" :name="index">
					<Tiptap :content="item[$i18n.locale]['content']"></Tiptap>
				</el-collapse-item>
			</el-collapse>
		</div>
	</div>
</template>
<script>
	import Tiptap from '@/components/Tiptap.vue'
	export default {
		components: {
			Tiptap,
		},
		props: ['data'],
		data() {
			return {
				activeNames: null,
			}
		},
		methods: {},
		mounted() {},
	}
</script>
<style>
	.Collapse .el-collapse {
		width: 100%;
	}
</style>
